<template>
	<!-- <span :class="[type === 'type1' ? type1 : type2]">{{info}}</span> -->
	<span :class="{'type1': type === 'style1'}">{{info}}</span>
</template>
<script>
	export default {
		props: ['info', 'type']
	}
</script>
<style scoped>
	span {
		display: inline-block;
		margin-left: 10px;
		border: 1px solid #20a0ff;
		/*margin-top: 100px;*/
		padding: 2px 10px;
		font-size: 1rem;
	}
	.type1 {
		border-radius: 0.8rem;
		background-color: #20a0ff;
		color:#FFF;
	}
	.type2 {
		background-color: #FFF;
	}
</style>